<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>省市联动</title>
    <script type="text/javascript">
        $(function(){
            //省的值发生变化的时候, 触发这个方法
            $("#province").change(function(){
                //获取省的value值, 用于判断
                var province = $("#province").val();

                if (province == 1){
                    //省份选择北京市
                    var htmlStr =
                        "<option value=\"0\">-----请选择城市-----</option>"
                        + "<option value=\"1\">东城区</option>"
                        + "<option value=\"2\">西城区</option>"
                        + "<option value=\"3\">海淀区</option>"
                        + "<option value=\"4\">昌平区</option>";
                    //选择city城市下来框, 赋值内容
                    $("#city").html(htmlStr);
                }

                if (province == 2){
                    //省份选择辽宁省
                    var htmlStr =
                        "<option value=\"0\">-----请选择城市-----</option>"
                        + "<option value=\"1\">沈阳市</option>"
                        + "<option value=\"2\">大连市</option>"
                        + "<option value=\"3\">丹东市</option>"
                        + "<option value=\"4\">抚顺市</option>";
                    //选择city城市下来框, 赋值内容
                    $("#city").html(htmlStr);
                }

                if (province == 3)  {
                    //省份选择河北省
                    var htmlStr =
                        "<option value=\"0\">-----请选择城市-----</option>"
                        + "<option value=\"1\">石家庄市</option>"
                        + "<option value=\"2\">邢台市</option>";
                    //选择city城市下来框, 赋值内容
                    $("#city").html(htmlStr);
                }
            });
        });
    </script>
</head>
<body>
<table border="1" width="800px">
    <tr>
        <td>省:
            <select id="province">
                <option value="0">----请选择省份----</option>
                <option value="1">----北京市----</option>
                <option value="2">----辽宁省----</option>
                <option value="3">----河北省----</option>
            </select>
        </td>
        <td>市:
            <select id="city">
                <option value="0">-----请选择城市-----</option>

            </select>
        </td>
    </tr>

</table>
</body>
</html>